<template>
<section class="bodyAll">
  <div class="headerInd">
     <Vheader></Vheader>
  </div>
  <div class="main">
    <div class="left">
      <Vaside></Vaside>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</section>
</template>

<script>
  import Vheader from './header.vue'
  import Vaside from './nav.vue'
  export default {
    data () {
      return {}
    },
    methods: {},
    components: {
      Vheader,
      Vaside
    }
  }
</script>
<style lang="">
.bodyAll{
  width:100%;
  min-width:900px;
}
.headerInd{
  min-width:500px;
   height:10%;
   width:100%;
     position:fixed;
    left:0;
    top:0;
    z-index:111111111;
}
  .left{
    position:fixed;
    left:0;
    top:70px;
    z-index:111111111;
  }
  section{
    flex-direction: column;
    height:100%;
    width:100%;
  }
 .main{
    display:flex;
    height:90%;
 }
.right{
    width:100%;
    height:96%;
    margin-left:200px;
    margin-top:80px!important;
}
</style>